
import React,{useState} from 'react'
import img6 from '../image/image6.png'
import img7 from '../image/image7.png'
import img8 from '../image/image8.png'
import img9 from '../image/image9.png'
import img10 from '../image/image10.png'
import img11 from '../image/image11.png'
import img12 from '../image/image12.png'
import {useNavigate} from 'react-router-dom'
import '../lxy.css'
export default function My() {
    const navigate=useNavigate()
    return (
        <div>
            <div>
                <div className="bigbox">
                    <div className="title">
                        <span className='time'>9:41</span>
                        <span className='time1'>
                            <svg t="1738566636213" className="icon" viewBox="0 0 1294 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2331" width="18" height="18"><path d="M0 727.578947l188.631579 0 0 296.421053-188.631579 0 0-296.421053Z" p-id="2332"></path><path d="M269.473684 565.894737l188.631579 0 0 458.105263-188.631579 0 0-458.105263Z" p-id="2333"></path><path d="M565.894737 377.263158l161.684211 0 0 646.736842-161.684211 0 0-646.736842Z" p-id="2334"></path><path d="M835.368421 188.631579l188.631579 0 0 835.368421-188.631579 0 0-835.368421Z" p-id="2335"></path><path d="M1104.842105 0l188.631579 0 0 1024-188.631579 0 0-1024Z" p-id="2336"></path></svg>
                        </span>
                        <span className='time2'>
                            <svg t="1738566688517" className="icon" viewBox="0 0 1346 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2497" width="18" height="18"><path d="M614.762225 324.416035a578.94361 578.94361 0 0 0-397.653943 238.117618 89.918541 89.918541 0 1 0 154.434563 92.115133 407.432318 407.432318 0 0 1 262.421842-151.458536c118.438803-12.683545 237.054751 43.400399 352.482099 166.834678a89.95397 89.95397 0 0 0 131.370351-122.867416c-194.575504-207.825911-380.966932-235.81474-503.054912-222.741477z m60.866846 354.288972a172.645016 172.645016 0 1 0 172.574158 172.574159 172.645016 172.645016 0 0 0-172.645016-172.715874zM630.846944 0.985632C291.615253 16.609776 64.232591 258.695431 22.107632 307.055875a89.918541 89.918541 0 0 0 135.621819 118.049086c20.655047-23.701932 209.668214-232.023848 481.407855-244.459391 185.222275-8.502935 372.003421 75.746982 555.135391 250.553161a89.918541 89.918541 0 0 0 124.001141-130.130339C1098.366672 90.939602 867.015973-9.997326 630.846944 0.985632z" p-id="2498" fill="#2c2c2c"></path></svg>
                        </span>
                        <span className='time3'>
                            <svg t="1738566728107" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4576" width="20" height="20"><path d="M915.264507 446.328301v-65.670675c0-36.264948-28.512381-65.670675-63.681368-65.670675H140.574642c-35.167964 0-63.681368 29.405727-63.681368 65.670675v262.682701c0 36.281321 28.513404 65.670675 63.681368 65.670676h711.00952c35.168987 0 63.681368-29.389354 63.681368-65.670676V577.669652c17.569144 0 31.840172-14.688537 31.840172-32.834826v-65.670675c-0.001023-18.11866-14.272052-32.835849-31.841195-32.83585m-31.841196 197.012026c0 18.148335-14.271028 32.834826-31.841196 32.834826H140.574642c-17.59882 0-31.841196-14.687514-31.841195-32.834826V380.658649c0-18.11866 14.242376-32.834826 31.841195-32.834826h711.00952c17.569144 0 31.840172 14.718213 31.840172 32.834826v262.681678h-0.001023z" fill="#2c2c2c" p-id="4577"></path><path d="M801.112654 643.340327h-610.299817c-28.399817 0-51.421136-23.022343-51.421137-51.421136V430.413843c0-28.399817 23.022343-51.421136 51.421137-51.421136h610.299817c28.399817 0 51.421136 23.022343 51.421136 51.421136v161.504324c0.001023 28.399817-23.02132 51.42216-51.421136 51.42216z" fill="#2c2c2c" p-id="4578"></path></svg>
                        </span>
                    </div>
                    <div className='right'>
                        <span className='time4'>
                            <svg t="1738568148092" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5712" width="23" height="23"><path d="M593.861938 788.582269 424.670537 788.582269c-9.444093 0-18.437931 3.931542-24.695448 10.902304-6.313799 6.970762-9.441023 16.32378-8.547677 25.675776 2.860141 29.191856 16.32378 56.238862 38.009685 76.018348 21.772886 20.016893 50.161447 31.0379 79.889515 31.0379 29.696346 0 58.084906-11.022031 79.830163-30.977525 21.714558-19.839861 35.178197-46.885843 38.068014-76.255755 0.595564-9.473769-2.534729-18.707061-8.638751-25.498744C612.299869 792.513812 603.306031 788.582269 593.861938 788.582269zM555.020304 863.825974c-25.082258 22.877033-66.604954 22.817682-91.567485 0.060375-7.596002-6.970762-13.404288-15.429411-17.157775-24.723078l125.82266 0C568.394916 848.51629 562.643935 856.914564 555.020304 863.825974z" fill="#231F20" p-id="5713"></path><path d="M818.608631 648.343271l-62.763462-82.927711 0-36.22197 0-13.046131L755.845169 410.432767c0-70.745251-24.215518-136.337131-68.182892-184.682209-26.003234-28.625968-57.310264-49.715285-93.055372-62.821791-3.306302-18.944468-12.720719-36.251645-26.926256-49.207725-32.050973-29.251208-85.104283-29.251208-117.095905 0-14.356986 13.046131-23.77038 30.382984-26.986631 49.2681-35.71441 13.046131-67.022463 34.135448-93.025697 62.791092-43.937698 48.434106-68.183915 114.025986-68.183915 184.652534l0.179079 154.686035-62.315254 82.45085c-8.757454 9.353019-13.582343 21.506826-13.582343 34.256198l0 40.331567c0 27.643594 22.460548 50.042743 50.042743 50.042743l544.812313 0c27.610848 0 50.011021-22.400173 50.011021-50.042743l0-40.331567C831.535035 669.075455 826.739822 656.921647 818.608631 648.343271zM535.776008 149.881612c-7.387247-0.655939-19.301602-1.906419-26.569122-1.906419-7.29822 0-19.689435 1.251503-27.048029 1.906419C494.578724 129.627313 526.542716 133.379777 535.776008 149.881612zM237.426992 722.156394l-0.119727-40.034808 62.315254-82.449827c8.698103-9.354042 13.524015-21.447475 13.524015-34.256198L313.146535 410.432767c0-58.056254 19.540032-111.553679 54.986335-150.634766 17.574261-19.361977 38.307468-34.374902 61.540611-44.681642 48.851615-21.745257 110.302175-21.745257 159.096485 0 23.321148 10.425444 43.99398 25.438369 61.538565 44.681642 35.449373 39.081087 54.958706 92.578512 54.958706 150.634766l0 105.715717 0 13.046131 0 36.22197c0 12.867052 4.825912 25.081235 12.95608 33.539884l62.791092 82.868359 0.508583 39.795355L237.426992 722.156394z" fill="#231F20" p-id="5714"></path></svg>
                        </span>
                        <span onClick={()=>{navigate('/shezhi')}} className='time5'>
                            <svg t="1738568199849" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6786" width="23" height="23"><path d="M878.08 466.944l-129.3824-253.0816a98.8672 98.8672 0 0 0-88.064-53.8624H366.08c-36.864 0-70.656 20.48-87.6544 53.1456l-132.096 253.0816a98.8672 98.8672 0 0 0 0 91.5456l132.096 253.0816a98.8672 98.8672 0 0 0 87.6544 53.1456h294.5536c37.1712 0 71.168-20.7872 88.064-53.8624l129.3824-253.1328a98.8672 98.8672 0 0 0 0-90.0096z m-72.3968 372.3264a162.8672 162.8672 0 0 1-145.0496 88.7296H366.08a162.8672 162.8672 0 0 1-144.384-87.552l-132.096-253.0816a162.8672 162.8672 0 0 1 0-150.7328l132.096-253.1328a162.8672 162.8672 0 0 1 144.384-87.5008h294.5536c61.184 0 117.1968 34.304 145.0496 88.7296l129.3824 253.1328c23.808 46.592 23.808 101.7344 0 148.2752l-129.3824 253.1328z" fill="#2c2c2c" p-id="6787"></path><path d="M512 697.6a185.6 185.6 0 1 1 0-371.2 185.6 185.6 0 0 1 0 371.2z m0-64a121.6 121.6 0 1 0 0-243.2 121.6 121.6 0 0 0 0 243.2z" fill="#2c2c2c" p-id="6788"></path></svg>
                        </span>
                    </div>
                    <div className='username'>
                        <div className='cont' onClick={()=>{navigate('/update')}}>
                            <img className='img6' src={img6} alt="" />
                            <div className='cont1'>
                                <p style={{ fontSize: "20px" }}>西瓜的泡芙</p>
                                <p style={{ fontSize: "13px" }}>爱猫猫，爱狗狗</p>
                            </div>
                        </div>
                        <div className='text'>
                            <div className='text1'>
                                <div className='t1'>
                                    <h3>158</h3>
                                    <p style={{ fontSize: "13px", color: "gray" }}>粉丝</p>
                                </div>
                                <div className='t1'>
                                    <h3>66</h3>
                                    <p style={{ fontSize: "13px", color: "gray" }}>关注</p>
                                </div>
                                <div className='t1'>
                                    <h3>3152</h3>
                                    <p style={{ fontSize: "13px", color: "gray" }}>被赞</p>
                                </div>
                            </div>
                            <div className='text2'>
                                <div onClick={()=>{navigate('/chongwu')}}>
                                    <img style={{ width: "55px" }} src={img7} alt="" />
                                </div>
                                <div>
                                    <img style={{ width: "58px" }} src={img8} alt="" />
                                </div>
                                <div>
                                    <img style={{ width: "53px" }} src={img9} alt="" />
                                </div>
                                <div>
                                    <img style={{ width: "54px" }} src={img10} alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div className='bigbox2'>
                    <div className='b1'>
                        <div className='b1-1'>
                            <img style={{ width: "25px" }} src={img11} alt="" />
                            <span style={{ fontSize: "15px" }}>我的发布</span>
                            <span style={{marginLeft:"230px"}}>
                                <svg t="1738588732331" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9596" width="15" height="15"><path d="M704.401891 534.469766l-336.793622 306.990475c-11.018133 10.945883-29.008396 10.945883-40.026529 0a28.148621 28.148621 0 0 1 0-39.845904l316.527482-288.494461L327.545615 224.697665a28.148621 28.148621 0 0 1 0-39.845905c11.018133-10.945883 29.008396-10.945883 40.026529 0l336.793622 306.990475c5.852254 5.888379 8.344881 13.619135 8.019756 21.277641 0.36125 7.730756-2.131377 15.461511-7.983631 21.34989z" fill="#8a8a8a" p-id="9597"></path></svg>
                            </span>
                        </div>
                        <div className='b1-1'>
                            <img style={{ width: "25px" }} src={img12} alt="" />
                            <span style={{ fontSize: "15px" }}>我的寄养</span>
                            <span style={{marginLeft:"230px"}}>
                                <svg t="1738588732331" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9596" width="15" height="15"><path d="M704.401891 534.469766l-336.793622 306.990475c-11.018133 10.945883-29.008396 10.945883-40.026529 0a28.148621 28.148621 0 0 1 0-39.845904l316.527482-288.494461L327.545615 224.697665a28.148621 28.148621 0 0 1 0-39.845905c11.018133-10.945883 29.008396-10.945883 40.026529 0l336.793622 306.990475c5.852254 5.888379 8.344881 13.619135 8.019756 21.277641 0.36125 7.730756-2.131377 15.461511-7.983631 21.34989z" fill="#8a8a8a" p-id="9597"></path></svg>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}
